import React from 'react';
import BrowserRouter from "react-router-dom/BrowserRouter";
import Link from "react-router-dom/Link";
import Route from "react-router/Route";
import GoodList from "./pages/GoodList";
import ShoppingCar from "./pages/ShoppingCar";
import BookList from "./pages/BookList";
import BookAdd from "./pages/BookAdd";
import BookList2 from "./pages/BookList2";
import Task from "./pages/Task";
import 'bootstrap/dist/css/bootstrap.css';
import ProgressComp from "./pages/ProgressComp";

function App() {
  return (
      <BrowserRouter>
        <div>
            <Link to="/gl">商品列表</Link>&nbsp;&nbsp;|
            <Link to="/sc">购物车</Link>&nbsp;&nbsp;|
            <Link to="/bookList">书籍列表</Link>&nbsp;&nbsp;|
            <Link to="/bookAdd">书籍添加</Link>&nbsp;&nbsp;|
            <Link to="/task">任务</Link>&nbsp;&nbsp;|
            <Link to="/bookList2">书籍列表2</Link>&nbsp;&nbsp;|
            <Link to="/progressComp">进度条</Link>&nbsp;&nbsp;|
            <hr />
            <Route path="/gl" component={GoodList}></Route>
            <Route path="/sc" component={ShoppingCar}></Route>
            <Route path="/bookList" component={BookList}></Route>
            <Route path="/task" component={Task}></Route>
            <Route path="/bookList2" component={BookList2}></Route>
            <Route path="/progressComp" component={ProgressComp}></Route>
        </div>
      </BrowserRouter>
  );
}

export default App;
